<template>
  <div id="viewFile"></div>
</template>
<script>
export default {
  props: ['wpsUrl', 'token'],
  data() {
    return {
      // 是否开启简易模式
      simpleMode: false
    };
  },
  mounted() {
    this.openWps(this.wpsUrl, this.token);
  },
  methods: {
    openWps(url, token) {
      let _this = this;
      const wps = _this.wps.config({
        mode: _this.simpleMode ? 'simple' : 'normal',
        mount: document.querySelector('#app'),
        wpsUrl: url,
        pdfOptions: {
          isInSafeMode: true // 是否处于安全模式（安全模式下不能划选文字，不能复制以及不能通过链接跳转），默认不是安全模式
        },
        commonOptions: {
          isShowTopArea: false, // 隐藏顶部区域（头部和工具栏）
          isShowHeader: false // 隐藏头部区域
        }
      });
      wps.setToken({ token: token});
    }
  }
};
</script>
